<!--
 * @Descripttion:
 * @Author: Silence
 * @Date: 2023-06-03 09:50:44
 * @LastEditors: Silence
 * @LastEditTime: 2023-06-03 19:48:23
-->
<template>
  <div>
    <cartHeader></cartHeader>
    <cartItem
      v-for="item in $store.state.cart.list"
      :key="item.id"
      :item="item"
    ></cartItem>
    <cartFooter></cartFooter>
  </div>
</template>
<script>
import cartHeader from './components/cart-header.vue'
import cartItem from './components/cart-item.vue'
import cartFooter from './components/cart-footer.vue'
// import { mapState } from 'vuex'
export default {
  components: {
    cartHeader,
    cartItem,
    cartFooter
  },
  data () {
    return {

    }
  },
  computed: {
  },
  created () {
    this.$store.dispatch('cart/getList')
  },
  methods: {
  }
}
</script>
<style lang='scss'  scoped>
.app-container {
  padding: 50px 0;
  font-size: 14px;
}
</style>
